//联系我们
<template>
  <div class="contact-us">
    <h1>联系我们</h1>
    <ul>
      <li>
        <img src="@/assets/img/about_us/位置.svg" />
        <p>总部：广东省惠州市桥东电子商务产业园</p>
        <p>技术平台：广东省惠州市桥东电子商务产业园</p>
      </li>
      <li>
        <img src="@/assets/img/about_us/电话.svg" />
        <p>公司热线：+86-0574-88848601</p>
        <p>商务合作：+86-0574-88848607</p>
        <p>技术咨询：+86-0574-88848600</p>
      </li>
      <li>
        <img src="@/assets/img/about_us/邮件.png" />
        <p>公司热线：tec@honghao.com</p>
        <p>商务合作：HHtec@honghao.com</p>
        <p>技术咨询：info@honghao.com</p>
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  name: "ContactUs"
};
</script>
<style lang='scss' scoped>
.contact-us {
 position: absolute;
 top: -57px;
  overflow: hidden;
  text-align: center;
  // height: 900px;
  width: 100%;
  // background: url('~@/assets/img/about_us/地图.png') no-repeat bottom;
    background-color: rgba(0, 0, 0, 0);

  h1 {
    margin-top: 100px;
    font-size: 40px;
    color: black;
    font-weight: 500;
  }
  ul {
    margin-top: 50px;
    display: flex;
    justify-content: center;
    li {
      text-align: left;
      height: 313px;
      width: 385px;
      background-color: #ffffff;
      margin-left: 20px;
      &:first-child {
        margin-left: 0;
      }
      img {
        height: 33px;
        margin: 63px 0 20px 48px;
      }
      p {
        font-size: 14px;
        color: black;
        margin: 16px 48px 0 48px;
      }
    }
  }
   /* &::after{
    position: absolute;
    bottom: 130px;
    left: 51%;
    transform: translate(-50%,0);
    height: 33px;
    width: 138px;
    line-height: 33px;
    padding: 0 5px;
    box-sizing: border-box;
    content: '鸿浩电梯有限公司';
    font-size: 14px;
    color: #FFFFFF;
    background-color: rgba(0, 0, 0, .3);
    border-radius: 5px;
   } */
}
</style>